<!Doctype html>
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8"/></head>
<html>
    <body>
 <div>
     <ul>
         <li>

                <span id="test" onclick="c()" value="Ceshi">ceshi</span>

         </li>
         <li>
 
            <span id="test2" onclick="c()" value="Ceshi">ceshi</span>

            <p>2</p>
        </li>
        <li>

            <span id="test3" onclick="c()" value="Ceshi">ceshi</span>

        </li>
        <li>
            <span id="test4" onclick="c()" value="Ceshi">ceshi</span>
            <input type="text" value="value"></input>
        </li>
     </ul>
     <iframe src="test.html"></iframe>
 </div>
           <script>
           function c(){
                document.getElementById("test").innerText = Math.random();
                document.getElementById("test2").innerText = Math.random();
                document.getElementById("test3").innerText = Math.random();
                document.getElementById("test4").innerText = Math.random();
           };
           </script>

    </body>
    
</html>